.loading {
  text-align: center;
  padding: 30px 50px;
  margin: 20px 0;
}

.elevationProfile {
  :global {
    .esri-widget {
      background: transparent;
      color: #ffffff;
    }
    .esri-line-of-sight {
      background-color: transparent;
    }

    .esri-button {
      align-items: center;
      background-color: rgba(#2fb0ff, 0.3);
      border: 1px solid rgba(#2fb0ff, 0.3);
    }

    .esri-elevation-profile-legend__label-content {
      color: #fff;
    }
    .esri-elevation-profile__main-container {
      position: relative;
      width: 100%;
      height: 45px;
    }
    .esri-elevation-profile__prompt-container {
      display: flex;
      width: 100%;
      height: 100%;
      margin-bottom: 0;
      padding: 12px 15px;
      text-align: center;
      align-items: center;
      justify-content: center;
    }

    .esri-elevation-profile-statistics__statistic-label,
    .esri-elevation-profile-statistics__statistic-value {
      color: #fff;
    }
    g.amcharts-Sprite-group.amcharts-Container-group.amcharts-Label-group.amcharts-AxisLabel-group {
      fill: #fff;
    }
    .esri-button--secondary {
      background-color: transparent;
      color: rgba(#fff, 0.8);
      &:hover {
        background-color: rgba(#2fb0ff, 0.3);
        color: #fff;
      }
    }
    .esri-elevation-profile__progress-bar {
      background-color: rgba(#2fb0ff, 0.6);
    }
  }
}
